Pré-requisitos: Documentação de Especificação
Visão geral da interação do usuário pelas telas do sistema e protótipo interativo das telas com as funcionalidades que fazem parte do sistema (wireframes).
Apresente as principais interfaces da plataforma. Discuta como ela foi elaborada de forma a atender os requisitos funcionais, não funcionais e histórias de usuário abordados nas Documentação de Especificação.
O diagrama apresenta o estudo do fluxo de interação do usuário com o sistema interativo e muitas vezes sem a necessidade do desenho do design das telas da interface. Isso permite que o design das interações seja bem planejado e gere impacto na qualidade no design do wireframe interativo que será desenvolvido logo em seguida.
O diagrama de fluxo abaixo representa a estrutura lógica do aplicativo de rotina, cujo objetivo é auxiliar usuários na organização de suas tarefas diárias, metas pessoais e hábitos recorrentes. A modelagem foi elaborada com base nos princípios da orientação a objetos, visando modularidade, reutilização e clareza na implementação.
O diagrama foi projetado para permitir escalabilidade, como a inclusão futura de funcionalidades como metas mensais, integração com calendário externo e gamificação. A separação clara entre entidades facilita testes unitários e manutenção do código.
São protótipos usados em design de interface para sugerir a estrutura de um site web e seu relacionamentos entre suas páginas. Um wireframe web é uma ilustração semelhante do layout de elementos fundamentais na interface.